<template>
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('导入原有体质数据')">导入原有体质数据</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('身高体重等级补全')">身高体重等级补全</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('等级调整')">等级调整</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('等级补充')">等级补充</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('成绩填充')">成绩填充</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('身高体重检测')">身高体重检测</el-button>
		</el-col>
	</el-row>

	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('获取原等级')">获取原等级</el-button>
		</el-col>
	</el-row>

	
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('实际等级计算')">实际等级计算</el-button>
		</el-col>
	</el-row>
	
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('清空数据表')">清空数据表</el-button>
		</el-col>
	</el-row>
	
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('清空学生基本信息')">清空学生基本信息</el-button>
		</el-col>
	</el-row>
	
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('清空原体质测试成绩')">清空原体质测试成绩</el-button>
		</el-col>
	</el-row>
	
	<el-row class="row-bg">
		<el-col :span="6">
			<div class="grid-content ep-bg-purple" />
		</el-col>
		<el-col :span="6">
			<el-button type="primary" @click="onclick('清空测试信息模版')">清空测试信息模版</el-button>
		</el-col>
	</el-row>

</template>

<script setup>
	import taskpaneFunc1 from "./js/taskpane.js"
	import {
		ref,
		reactive
	} from 'vue';
	const onclick = (id) => {
		taskpaneFunc1.onbuttonclick(id)
	}


</script>



<style>
	.el-row {
		margin-bottom: 20px;
	}

	.el-row:last-child {
		margin-bottom: 0;
	}

	.el-col {
		border-radius: 4px;
	}

	.grid-content {
		border-radius: 4px;
		min-height: 36px;
	}
</style>

<style scoped>
	/* 添加一些样式使页面更好看 */
	h1 {
		text-align: center;
	}

	input {
		display: block;
		margin: 20px auto;
		padding: 10px;
		font-size: 16px;
	}

	ul {
		list-style-type: none;
		padding: 0;
	}

	li {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
</style>